<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

  
	<title>首页</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/semantic.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/main.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/common.css">
    <script src="__PUBLIC__/Js/flickity-docs.min.js"></script>
</head>
<body>
      
    <div class="ui inverted vertical masthead">

        <div class="hero-gallery js-flickity">
          <div class="hero-gallery__cell hero-gallery__cell--1">
            <div class="content-wrap">
              <img src="__PUBLIC__/Images/banner03.jpg" alt="img" class="half-img">
            </div>
          </div>
          <div class="hero-gallery__cell hero-gallery__cell--2">
            <div class="content-wrap">
              <img src="__PUBLIC__/Images/banner03.jpg" alt="img" class="half-img">
            </div>
          </div>
          <div class="hero-gallery__cell hero-gallery__cell--3">
            <div class="content-wrap">
              <img src="__PUBLIC__/Images/banner03.jpg" alt="img" class="half-img">
            </div>
          </div>
          <div class="hero-gallery__cell hero-gallery__cell--4">
            <div class="content-wrap">
              <img src="__PUBLIC__/Images/banner03.jpg" alt="img" class="half-img">
            </div>
          </div>
      </div><!-- 幻灯片   end -->

      <div class="goods">
        <nav class="index_nav border_bottom"> 
            <div class="index_menu flex"> 
             <a href="#"><img src="__PUBLIC__/Images/nav_cate.png" width="36" height="36"><span>我的订单</span></a>
             <a href="#"><img src="__PUBLIC__/Images/nav_huishou.png" width="36" height="36"><span>水果箱</span></a>
             <a href="#"><img src="__PUBLIC__/Images/nav_shop.png" width="36" height="36"><span>个人中心</span></a>
             <a href="javascript:;" id="kefu"><img src="__PUBLIC__/Images/nav_shouhou.png" width="36" height="36"><span>枣树认耕</span></a>
            </div> 
        </nav>

      </div>


      <div class="box4">
        <div class="goods-li">
            <div class="col-title mtb15 clearfix">
                <span class="font16">产品专区</span>
                <a href="" class="pull-right font12">更多产品 &gt;</a>
            </div>
            <div class="ui internally celled grid">
                <div class="row">
                    <div class="eight wide column">
                        <div class="goods-img">
                          <a href="#"><img class="ui image" src="__PUBLIC__/Images/pic01.jpg"></a>
                          </div>
                      <div class="meta limit ">
                              <a href="#" class="group">产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称</a>
                            </div>
                      <dl class="goods-dl1">
                          <dt> 
                              <p class="goods-p1"><span>￥666.00</span></p>
                          </dt>
                          <dd><a href="#"><button class="ui red mini btn">购买</button></a></dd>
                      </dl>
                    </div>
                    <div class="eight wide column">
                        <div class="goods-img">
                          <a href="#"><img class="ui image" src="__PUBLIC__/Images/pic01.jpg"></a>
                          </div>
                        <div class="meta limit ">
                                <a href="#" class="group">产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称</a>
                        </div>
                        <dl class="goods-dl1">
                            <dt> 
                                <p class="goods-p1"><span>￥666.00</span></p>
                            </dt>
                            <dd><a href="#"><button class="ui red mini btn">购买</button></a></dd>
                        </dl>
                  </div>
                <div class="eight wide column">
                        <div class="goods-img">
                      <a href="#"><img class="ui image" src="__PUBLIC__/Images/pic01.jpg"></a>
                      </div>
                  <div class="meta limit ">
                          <a href="#" class="group">产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称</a>
                        </div>
                  <dl class="goods-dl1">
                      <dt> 
                          <p class="goods-p1"><span>￥666.00</span></p>
                      </dt>
                      <dd><a href="#"><button class="ui red mini btn">购买</button></a></dd>
                  </dl>
                </div>

                  <div class="eight wide column">
                        <div class="goods-img">
                        <a href="#"><img class="ui image" src="__PUBLIC__/Images/pic01.jpg"></a>
                        </div>
                    <div class="meta limit ">
                            <a href="#" class="group">产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称</a>
                    </div>
                    <dl class="goods-dl1">
                        <dt> 
                            <p class="goods-p1"><span>￥666.00</span></p>
                        </dt>
                        <dd><a href="#"><button class="ui red mini btn">购买</button></a></dd>
                    </dl>
                  </div>
              </div>
            </div>
        </div>

        <div class="goods-li">
            <div class="col-title mtb15 clearfix">
                <span class="font16">优惠券专区</span>
               <!--  <a href="" class="pull-right font12">更多产品 &gt;</a> -->
            </div>
            <div class="ui internally celled grid">
                <div class="row">
                    <div class="eight wide column"><a href="#"><img class="ui image" src="__PUBLIC__/Images/youfei.jpg"></a>
                      <div class="meta limit ">
                              <a href="#"class="group">产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称</a>
                            </div>
                      <dl class="goods-dl1">
                          <dt> 
                              <p class="goods-p1"><span>￥666.00</span></p>
                          </dt>
                          <dd><a href="#"><button class="ui red mini btn">购买</button></a></dd>
                      </dl>
                    </div>
                    <div class="eight wide column"><a href="#"><img class="ui image" src="__PUBLIC__/Images/youfei.jpg"></a>
                        <div class="meta limit ">
                                <a href="#"class="group">产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称</a>
                        </div>
                        <dl class="goods-dl1">
                            <dt> 
                                <p class="goods-p1"><span>￥666.00</span></p>
                            </dt>
                            <dd><a href="#"><button class="ui red mini btn">购买</button></a></dd>
                        </dl>
                  </div>
              </div>
            </div>
        </div>
      </div>

  </div>

    <include file="Public:footer" />